<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" />
	<!-- 适配移动端 -->
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no, shrink-to-fit=no, minimal-ui">
	<!-- 描述 -->
	<meta name="Description" content="" />
	<!-- 关键字 -->
	<meta name="Keywords" content="" />
	<!-- 标题 -->
	<title>International&nbsp;Publication-YEEKOO&nbsp;GAME</title>
	<!-- 引入小图标 -->
	<link href="http://www.yeekoogame.com/favicon.ico" rel="shortcut icon" type="image/x-icon" />
	<!-- 引入fontawesome5css -->
	<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css"
		integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
	<!-- 引入swiper4css -->
	<link rel="stylesheet" type="text/css" href="public/css/swiper.min.css" />
	<!-- 引入自己的css -->
	<link rel="stylesheet" type="text/css" href="css/index.css" />
</head>

<body>
	<!-- 加载 -->
	<div id="load">
		<svg viewBox="0, 0, 120, 120" xmlns="http://www.w3.org/2000/svg" version="1.1">
			<g>
				<circle cx="35" cy="16.6987298" r="10"></circle>
				<circle cx="16.6987298" cy="35" r="10"></circle>
				<circle cx="10" cy="60" r="10"></circle>
				<circle cx="16.6987298" cy="85" r="10"></circle>
				<circle cx="35" cy="103.30127" r="10"></circle>
				<circle cx="60" cy="110" r="11"></circle>
				<circle cx="85" cy="103.30127" r="10"></circle>
				<circle cx="103.30127" cy="85" r="10"></circle>
				<circle cx="110" cy="60" r="10"></circle>
				<circle cx="103.30127" cy="35" r="10"></circle>
				<circle cx="85" cy="16.6987298" r="10"></circle>
				<circle cx="60" cy="10" r="11"></circle>
			</g>
		</svg>
	</div>

	<!-- 主题 -->
	<div id="main">

		<!-- 头部 -->
		<div id="header">
			<!-- 导航栏 -->
			<div id="nav">
				<div id="logo">
					<a href="javascript:;"><img src="img/Logo.png" /></a>
				</div>
				<div class="nav-ul">
					<ul>
						<li>
							<a href="javascript:;" title="Home"><b class="nav-active">Home</b></a>
						</li>
						<li>
							<a href="javascript:;" title="About"><b>About</b></a>
						</li>
						<li>
							<a href="javascript:;" title="Game Posters"><b>Game&nbsp;Posters</b></a>
						</li>
						<li>
							<a href="javascript:;" title="Game Info"><b>Game&nbsp;Info</b></a>
						</li>
						<li>
							<a href="javascript:;" title="Carrier Cooperation"><b>Carrier&nbsp;Cooperation</b></a>
						</li>
						<li>
							<a href="javascript:;" title="Contact us"><b>Contact&nbsp;us</b></a>
						</li>
					</ul>
					<div class="nav-menu">
						<hr />
						<hr />
						<hr />
						<hr />
					</div>
				</div>
			</div>
		</div>

		<!-- 下一页按钮 -->
		<div id="window-next">SCROLL</div>

		<!-- 容器 -->
		<div id="container">
			<!-- home -->
			<div id="home" class="section">

				<!-- home-3轮播 -->
				<div class="home-3">
					<!-- home-3容器 -->
					<div class="home-container">
						<!-- home-3-left文本 -->
						<div class="home-3-left left">
							<span>G</span>
							<span>A</span>
							<span>M</span>
							<span>E</span>
						</div>
						<!-- home-3-right文本 -->
						<div class="home-3-right right">
							<p>
								<span>GLOBAL&nbsp;PUBLICATION</span>
								<span>New&nbsp;Era&nbsp;of&nbsp;Games<br />All&nbsp;in&nbsp;One&nbsp;Solution</span>
								<span>We&nbsp;Invite&nbsp;You</span>
								<span>Committed&nbsp;to&nbsp;creating&nbsp;a&nbsp;pan-entertainment&nbsp;brand&nbsp;and&nbsp;to&nbsp;bring&nbsp;in&nbsp;a&nbsp;new&nbsp;era&nbsp;of&nbsp;global&nbsp;entertainment</span>
							</p>
						</div>
					</div>
				</div>

				<!-- home-1轮播 -->
				<div class="home-1">
					<!-- home-1容器 -->
					<div class="home-container">
						<!-- home-1-left文本 -->
						<div class="home-txt-left left">
							<p class="left">
								<span>
									<u>2018</u>
								</span>
							</p>
							<p class="right">
								<span>OVERSEAS&nbsp;DISTRIBUTION</span>
								<span>International&nbsp;Publication</span>
								<span>YEEKOO</span>
							</p>
							<p class="clear">
								<span><u>——</u>&nbsp;Focus&nbsp;on&nbsp;Global&nbsp;Mobile&nbsp;Game&nbsp;Market</span>
								<span>Innovation&nbsp;and&nbsp;Realization</span>
							</p>
							<p class="clear">
								<span>√</span>
								<span>Extraordinary&nbsp;Quality</span>
								<span>√</span>
								<span>Professional&nbsp;Design</span>
								<span>√</span>
								<span>International&nbsp;Publication</span>
							</p>
						</div>
						<!-- home-1-right文本 -->
						<div class="home-txt-right right">
							<p>
								<span>游戏创新<u>&nbsp;</u>成就梦想</span>
							</p>
						</div>
					</div>
				</div>

				<!-- home-2轮播 -->
				<div class="home-2">
					<!-- home容器 -->
					<div class="home-container">
						<!-- home-2-center文本 -->
						<div class="home-txt-center">
							<p>
								<span>Pan-entertainment&nbsp;</span>
								<span>Brand</span>
							</p>
							<div class="home-txt-i">
								<p>
									<span>New&nbsp;Era&nbsp;Of&nbsp;Global&nbsp;Entertainment</span>
								</p>
								<p>
									<span>Film&nbsp;&&nbsp;Media&nbsp;&nbsp;&nbsp;IP&nbsp;&nbsp;&nbsp;R&D&nbsp;&nbsp;&nbsp;Operation&nbsp;&nbsp;&nbsp;Promotion</span>
								</p>
							</div>
							<ul>
								<li>
									<h4>Publication</h4>
									<span>Expert in International Game Publication and High Awareness of the
										Market</span>
								</li>
								<li>
									<h4>Data Mining</h4>
									<span>Accumulated Experience Enhancing Data Acquisition and Analysis</span>
								</li>
								<li>
									<h4>Optimization</h4>
									<span>Thorough Market Localization and Accurate User Targeting</span>
								</li>
							</ul>
						</div>
					</div>
				</div>

				<!-- home-3轮播 -->
				<div class="home-3">
					<!-- home-3容器 -->
					<div class="home-container">
						<!-- home-3-left文本 -->
						<div class="home-3-left left">
							<span>G</span>
							<span>A</span>
							<span>M</span>
							<span>E</span>
						</div>
						<!-- home-3-right文本 -->
						<div class="home-3-right right">
							<p>
								<span>GLOBAL&nbsp;PUBLICATION</span>
								<span>New&nbsp;Era&nbsp;of&nbsp;Games<br />All&nbsp;in&nbsp;One&nbsp;Solution</span>
								<span>We&nbsp;Invite&nbsp;You</span>
								<span>Committed&nbsp;to&nbsp;creating&nbsp;a&nbsp;pan-entertainment&nbsp;brand&nbsp;and&nbsp;to&nbsp;bring&nbsp;in&nbsp;a&nbsp;new&nbsp;era&nbsp;of&nbsp;global&nbsp;entertainment</span>
							</p>
						</div>
					</div>
				</div>

				<!-- home-1轮播 -->
				<div class="home-1">
					<!-- home-1容器 -->
					<div class="home-container">
						<!-- home-1-left文本 -->
						<div class="home-txt-left left">
							<p class="left">
								<span>
									<u>2018</u>
								</span>
							</p>
							<p class="right">
								<span>OVERSEAS&nbsp;DISTRIBUTION</span>
								<span>International&nbsp;Publication</span>
								<span>YEEKOO</span>
							</p>
							<p class="clear">
								<span><u>——</u>&nbsp;Focus&nbsp;on&nbsp;Global&nbsp;Mobile&nbsp;Game&nbsp;Market</span>
								<span>Innovation&nbsp;and&nbsp;Realization</span>
							</p>
							<p class="clear">
								<span>√</span>
								<span>Extraordinary&nbsp;Quality</span>
								<span>√</span>
								<span>Professional&nbsp;Design</span>
								<span>√</span>
								<span>International&nbsp;Publication</span>
							</p>
						</div>
						<!-- home-1-right文本 -->
						<div class="home-txt-right right">
							<p>
								<span>游戏创新<u>&nbsp;</u>成就梦想</span>
							</p>
						</div>
					</div>
				</div>

			</div>

			<!-- home分页器 -->
			<div class="home-paging">
				<span class="home-paging-active">
					<hr />
					<hr />
				</span>
				<span>
					<hr />
					<hr />
				</span>
				<span>
					<hr />
					<hr />
					<hr />
				</span>
			</div>

			<!-- About -->
			<div id="about" class="section">

				<div class="about-container">
					<div class="about-left">
						<h3>
							<font>Focus&nbsp;on&nbsp;talent&nbsp;and&nbsp;team</font>
							<span>
								<u>YEEKOO</u>Interactive&nbsp;Entertainment
							</span>
						</h3>
						<ul>
							<li>
								<strong>
									<hr class="n3" />
								</strong>
								<span>Business&nbsp;Lines</span>
							</li>
							<li>
								<strong>
									<hr class="n1" />
									<hr class="n0" />
									<hr class="n0-1" />
								</strong>
								<span>Countries</span>
							</li>
							<li>
								<strong>
									<hr class="n1" />
									<hr class="n0" />
									<hr class="n0-1" />
									<hr class="n0" />
								</strong>
								<span>Games&nbsp;&&nbsp;Apps</span>
							</li>
							<li>
								<strong>
									<hr class="n1" />
									<hr class="n0" />
								</strong>
								<font>Million</font>
								<span>Accu.&nbsp;Users</span>
							</li>
						</ul>
						<p>Yeekoo Interactive Entertainment Co., Ltd. was established in 2016, aiming at mobile game
							publication abroad including regions such as the Middle East, Europe, America, Asia and
							Latin America. Upon establishment of Yeekoo, we have been dedicating to develop new business
							and fresh business mode. With publication of a number of mobile games along with the
							experience gained, we have acquired high awareness of overseas mobile markets and high
							capability of data mining and analysis, allowing an efficient and effective publication via
							traffic optimization and user matching. Yeekoo is committed to providing users domestic and
							abroad with high-quality entertainment services in order to create a pan-entertainment
							brand, and to bring in a new era of global entertainment.</p>
						<a href="javascript:;"><span>READ&nbsp;MORE</span></a>
					</div>
					<div class="carousel about-right">
						<div class="swiper-container" id="swiper1">
							<!-- 内容 -->
							<div class="swiper-wrapper">
								<div class="swiper-slide"><img src="img/About1.png" /></div>
								<div class="swiper-slide"><img src="img/About2.png" /></div>
								<div class="swiper-slide"><img src="img/About3.png" /></div>
								<div class="swiper-slide"><img src="img/About4.png" /></div>
								<div class="swiper-slide"><img src="img/About5.png" /></div>
								<div class="swiper-slide"><img src="img/About6.png" /></div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Game Posters -->
			<div id="game" class="section">
				<div class="game-container">
					<div class="game-btn-left"></div>
					<div class="game-btn-right"></div>
					<div class="game-left">
						<h3>
							<u>Game&nbsp;Posters，</u>
							HD&nbsp;wallpaper
						</h3>
						<p>Games - an industry revolving by self-subversion. Only if the continuous innovation takes
							place can the paces of the whole industry move forward. This is the nature of game
							entertainment and the sole path to the peak.</p>
						<a href="javascript:;"><span>READ&nbsp;MORE</span></a>
					</div>

					<div class="game-right">
						<div class="game-carousel">
							<ul style="position: relative;left: 586px;">
								<li>
									<img src="img/Game1.jpg" />
									<div class="detailed">
										<div class="icon">
											<i class="fas fa-search"></i>
										</div>
										<h3>Drift&nbsp;Traffic&nbsp;Racer</h3>
									</div>
								</li>
								<li>
									<img src="img/Game2.jpg" />
									<div class="detailed">
										<div class="icon">
											<i class="fas fa-search"></i>
										</div>
										<h3>Hunter&nbsp;2016</h3>
									</div>
								</li>
								<li>
									<img src="img/Game3.jpg" />
									<div class="detailed">
										<div class="icon">
											<i class="fas fa-search"></i>
										</div>
										<h3>Lightning&nbsp;Dash</h3>
									</div>
								</li>
							</ul>
							<ul style="position: relative;">
								<li>
									<img src="img/Game4.jpg" />
									<div class="detailed">
										<div class="icon">
											<i class="fas fa-search"></i>
										</div>
										<h3>Block!&nbsp;nbHexa&nbsp;Puzzle</h3>
									</div>
								</li>
								<li>
									<img src="img/Game5.jpg" />
									<div class="detailed">
										<div class="icon">
											<i class="fas fa-search"></i>
										</div>
										<h3>Cristiano&nbsp;Ronaldo&nbsp;Footy</h3>
									</div>
								</li>
								<li>
									<img src="img/Game6.jpg" />
									<div class="detailed">
										<div class="icon">
											<i class="fas fa-search"></i>
										</div>
										<h3>Empire&nbsp;Defense&nbsp;2</h3>
									</div>
								</li>
								<li>
									<img src="img/Game7.jpg" />
									<div class="detailed">
										<div class="icon">
											<i class="fas fa-search"></i>
										</div>
										<h3>Hupa&nbsp;Defence</h3>
									</div>
								</li>
								<li>
									<img src="img/Game8.jpg" />
									<div class="detailed">
										<div class="icon">
											<i class="fas fa-search"></i>
										</div>
										<h3>Mobile&nbsp;Soccer&nbsp;League</h3>
									</div>
								</li>
							</ul>
						</div>
					</div>

					<div class="game-btn">
						<div></div>
						<div></div>
					</div>
				</div>
			</div>

			<!-- Game Info -->
			<div id="info" class="section">
				<div class="info-container">
					<div class="info-left">
						<div class="info-img">
							<a href="javascript:;">
								<img src="img/GameInfoSuper.png" />
							</a>
						</div>
						<div class="info-text">
							<h3>
								<a href="javascript:;">Super Phantom Cat</a>
							</h3>
							<ul>
								<li><b>2016/12/20</b></li>
								<li><b>yeekoogame</b></li>
								<li><b>184</b></li>
							</ul>
							<p>Super Phantom Cat
								Featured in 166 countries on the App Store!

								"How to become a Super Phantom Cat?" Mr White pacing around his floor thinking " It must
								be so cool if I could become a Phantom cat, I could be a phantom supercat and save the
								world!"
								White have these thoughts when he was still a little boy, after he've been saved by the
								Phantom cat.
								One night, the Flash cat show up. This truly master told White that if he wanna become a
								Super Phantom Cat he need to collect enough data to be transformable.
								"Step into the adventure to collect data, you will become the hero to save the world
								eventually!" He says.
								However, along with the changing phantom world those creatures are undergoing inevitable
								changes as well.
								"There are different creatures in different galaxy; No matter you are human being or
								vampire, you can transfer your species and races easily with the help of data! Today you
								are an adorable cat, other day you can be a Diva, or you can be a vampire! Nothing is
								impossible, as long as you got enough data!!!
								Explore the whole galaxy and collect all the data there to answer the most complicated
								philosophy question: Who we are?
							</p>
							<a href="javascript:;"><span>READ&nbsp;MORE</span></a>
						</div>
					</div>

					<div class="info-right">
						<h3>
							<u>Games Info · </u>News
						</h3>
						<div>
							<div class="swiper-container" id="swiper2">
								<!-- 内容 -->
								<div class="swiper-wrapper">
									<div class="swiper-slide">
										<img src="img/Info1.png" />
										<div class="swiper2-text">
											<a href="javascript:;">Monster Kick</a>
											<b>2016/10/09</b>
										</div>
									</div>
									<div class="swiper-slide">
										<img src="img/Info2.png" />
										<div class="swiper2-text">
											<a href="javascript:;">Red Sparrow</a>
											<b>2016/08/11</b>
										</div>
									</div>
									<div class="swiper-slide">
										<img src="img/Info3.png" />
										<div class="swiper2-text">
											<a href="javascript:;">Brick Rage</a>
											<b>2016/08/11</b>
										</div>
									</div>
									<div class="swiper-slide">
										<img src="img/Info4.png" />
										<div class="swiper2-text">
											<a href="javascript:;">Grow</a>
											<b>2016/08/01</b>
											</div>
									</div>
									<div class="swiper-slide">
										<img src="img/Info5.png" />
										<div class="swiper2-text">
											<a href="javascript:;">MEET</a>
											<b>2016/07/11</b>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- Carrier Cooperation -->
			<div id="carrier" class="section">
				<div class="carrier-container">
					<div class="carrier-btn-left"></div>
					<div class="carrier-btn-right"></div>
					<div class="carrier-title">
						<h3>Carrier Cooperation</h3>
						<p>Partnership with Carriers</p>
					</div>
					<div class="swiper-container" id="swiper3">
						<div class="swiper-wrapper">
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier1.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier2.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier3.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier4.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier5.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier6.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier7.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier8.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier9.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier10.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier11.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier12.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier13.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier14.png" /></a></div>
							<div class="swiper-slide"><a href="javascript:;"><img src="img/Carrier15.png" /></a></div>
						</div>
					</div>
				</div>
			</div>

			<!-- Contact us -->
			<div id="contact" class="section">
				<div class="contact-container">
					<div class="contact-left">
						<div id="allmap"></div>
					</div>
					<div class="contact-right">
						<div class="contact-text-top">
							<h2>TEL:</h2>
							<h1>0755-86556410</h1>
							<p>Unit 2101-C, Bak, ShenZhen</p>
							<p>(0755) 86556410 / (QQ) 1132438527</p>
							<p>ganxy@yeekoogame.com</p>
						</div>
						<div class="contact-text-bottom">
							<dl>
								<dt><a href="javascript:;"><img src="img/qrcode.png" /></a></dt>
								<dd>
									<strong>WECHAT</strong>
									<span>
										Scan the QR code, follow us on WeChat <br />
										General Inquiry： <u>(0755) 86556410</u><br />
										Business Contact： <u>(0755) 86556410</u>
									</span>
									<a href="javascript:;"><span>READ&nbsp;MORE</span></a>
								</dd>
							</dl>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 引入jquery3js -->
	<script src="public/js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<!-- 引入swiper4js -->
	<script src="public/js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
	<!-- 引入自己的js -->
	<script src="public/js/ryan.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=NvH5N2nZXHHzWECHMgInyVN2RFUtHmUN"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</body>

</html>